
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"  %>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>维修安装</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <!-- <link rel="shortcut icon" href="/favicon.ico"> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="<%=basePath %>/resources/Public/Vendor/SUI/dist/css/sm.css">
    <link rel="stylesheet" href="<%=basePath %>/resources/Public/Vendor/SUI/dist/css/sm-extend.min.css">

    <link rel="stylesheet" href="<%=basePath %>/resources/Public/css/common.css">
    <link rel="stylesheet" type="text/css" href="<%=basePath %>/resources/Public/Vendor/icon/iconfont.css">
</head>
<body>

<div class="page-group">
    <div class="page xgj-index" id='xgj-index'>
        <div class="content " style="margin-bottom: 2rem">
            <!-- Slider -->
            <div class="swiper-container" data-space-between='10'>
                <c:forEach items="${ads}" var="ad"  >
                    <div class="swiper-slide">
                            <%--<img width="100%" src="<%=basePath %>${ad.logo}" alt="">--%>
                        <img src="<%=path %>/resources/Public/images/demo/banner_new.png" width="100%" alt="">
                    </div>
                </c:forEach>
                <div class="swiper-pagination"></div>
            </div>
            <!-- / Slider -->

            <div class="grid-demo xgj-index-btns">
                <div class="row" style="text-align: center;">
                    <c:forEach items="${services}" var="service" begin="0" end="4">
                        <div class="col-20">
                            <a class="external" href="<%=basePath %>wx/business/getBusinessbyId.do?bid=${service.bId}" class=" open-about">
                                <div class="icons-demo ">
                                    <span class="${service.logo}" style="background-color: ${service.color};color:#fff;"></span>
                                    <span class="icon-title">${service.bName}</span>
                                </div>
                            </a>
                        </div>
                    </c:forEach>
                </div>
                <div class="row" style="text-align: center;">
                    <c:forEach items="${services}" var="service" begin="5" end="8">
                        <div class="col-20">
                            <a class="external" href="">
                                <div class="icons-demo">
                                    <span class="icon iconfont icon-meijiaqiangdimianzhucai" style="background-color: ${service.color};color:#fff;"></span>
                                    <span class="icon-title">${service.bName}</span>
                                </div>
                            </a>
                        </div>
                    </c:forEach>
                    <div class="col-20">
                        <a class="external" href="<%=basePath %>wx/business/getBussinessbyId.do?bid=${service.id}">
                            <div class="icons-demo">
                                <span class="${service.logo}" style="background-color: ${service.color};color:#fff;"></span>
                                <span class="icon-title">${service.bName}</span>
                            </div>
                        </a>
                    </div>
                    <div class="col-20">
                        <a class="external" href="">
                            <div class="icons-demo">
                                <span class="icon iconfont icon-iconfontgengduo" style="background-color: #3FDB94;color:#fff;"></span>
                                <span class="icon-title">更多</span>

                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="section clearfix">
                <div class="card xgj-card">
                    <div class="card-header">
                        <span>服务流程</span>
                    </div>
                    <div class="card-content">
                        <div class="card-content-inner xgj-card-img">
                            <img src="<%=path %>/resources/Public/images/demo/serviceLiu.png" alt="">
                        </div>
                    </div>
                </div>
            </div>

            <div class="card xgj-card" >
                <div class="card-header">
                    <span>服务说明</span>
                </div>
                <div class="card-content">
                    <div class="card-content-inner">
                        <p>1. 下单后，维修师会联系您，确定上门时间</p>
                        <p>2. 维修师傅携带专业设备，上门提供维修、安装服务</p>
                        <p>3. 服务完成后，如您有其他疑问，请咨询客服电话：</p>
                        <p>4. 为了保障您的合法权益和服务质量，避免不必要的损失，请您切勿与维修师傅私下交易（我们无法对私下交易提供安全和质量保障，请您理解）</p>
                    </div>
                </div>
            </div>
            <div class="card xgj-card" >
                <div class="card-header">
                    <span>注意事项</span>
                </div>
                <div class="card-content">
                    <div class="card-content-inner">
                        <p>1. 关于收费</p>
                        <p>人工费：您在公众号上支付的为师傅的人工费用，不包含任何配件、材料；如果您需要材料，您可以自行购买或在师傅和您沟通何时上门时，告知师傅沟通代买
                            <br />检测费：师傅已上门检修，若您选择不维修或因客观原因（如：市场上无法购买到配件或维修环境问题）导致师傅无法进行维修等情况，需支付30元上门检测费，在您取消订单时，由平台扣除。
                            <br />实际费用：实际费用=人工费+配件费
                            <br />若您自行购买配件，则无需再次支付配件费；若您通过师傅代买，则需现场支付给师傅；</p>
                        <p>2. 关于更改取消订单</p>
                        <p>如果您需要更改维修项目或者取消订单，请至少在师傅上门服务前2小时联系客服确认；如果您在距离师傅上门2小时内取消订单，因师傅已经在赶往您的地址的路上，则会扣除30元上门费。</p>
                        <p>3.关于无法维修的情况</p>
                        <p>若维修前，发现机器老化过于严重，不建议维修</p>
                    </div>
                </div>
            </div>

        </div>

        <!--   此处引入 tabar.html -->
        <%@ include file="/page/footer.jsp" %>
        <!-- / 此处引入 tabar.html -->
        <!-- About Popup -->
        <div class="popup popup-about">
            <div class="content-block">
                <p>About</p>
                <p><a href="#" class="close-popup">Close popup</a></p>
                <p>Lorem ipsum dolor ...</p>
            </div>
        </div>
    </div>
</div>

<?html include_once("./_footer.html") ?>

<!--   此处引入 _footer.html -->
<script src='<%=basePath %>/resources/Public/Vendor/SUI/dist/js/zepto.js'></script>
<script type="text/javascript">
    $.config = {
        // 路由功能开关过滤器，返回 false 表示当前点击链接不使用路由
        routerFilter: function($link) {
            // 某个区域的 a 链接不想使用路由功能
            if ($link.is('.disable-router a')) {
                return false;
            }
            return true;
        }
    };
</script>
<script src='<%=basePath %>/resources/Public/Vendor/SUI/dist/js/sm.js'></script>
<script type="text/javascript" src="<%=basePath %>/resources/Public/Vendor/SUI/dist/js/sm-city-picker.min.js" charset="utf-8"></script>
<script src='<%=basePath %>/resources/Public/Vendor/SUI/dist/js/sm-extend.min.js'></script>
<script src='<%=basePath %>/resources/Public/js/common.js'></script>
<!--   /此处引入 _footer.html -->


<script type="text/javascript">
    $(function(){
        $(".swiper-container").swiper(
            pagination:null
        );

        $(".icon-app").on('click',function(){
            $.popup('.popup-about');
        })
        $(".iclose-popup").on('click',function(){
            $.closeModal('.popup-about');
        })

    })

</script>



</body>
</html>

